<!DOCTYPE html>
<html><head>
	    <meta charset="utf-8">
    <title>ThinkPHP5.0</title>

    <meta name="description" content="Dashboard">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
    <!--Basic Styles-->
    <link href="__ADMIN__/style/bootstrap.css" rel="stylesheet">
    <link href="__ADMIN__/style/font-awesome.css" rel="stylesheet">
    <link href="__ADMIN__/style/weather-icons.css" rel="stylesheet">

    <!--Beyond styles-->
    <link id="beyond-link" href="__ADMIN__/style/beyond.css" rel="stylesheet" type="text/css">
    <link href="__ADMIN__/style/demo.css" rel="stylesheet">
    <link href="__ADMIN__/style/typicons.css" rel="stylesheet">
    <link href="__ADMIN__/style/animate.css" rel="stylesheet">
    
</head>
<body>
	<!-- 头部 -->
	{include file="common/head"}

	<!-- /头部 -->
	
	<div class="main-container container-fluid">
		<div class="page-container">
			            <!-- Page Sidebar -->
            {include file="common/left"}
            <!-- /Page Sidebar -->
            <!-- Page Content -->
            <div class="page-content">
                <!-- Page Breadcrumb -->
                <div class="page-breadcrumbs">
                    <ul class="breadcrumb">
                                        <li>
                        <a href="#">系统</a>
                    </li>
                                        <li class="active">广告管理</li>
                                        </ul>
                </div>
                <!-- /Page Breadcrumb -->

                <!-- Page Body -->
                <div class="page-body">
                    
<button type="button" tooltip="添加广告" class="btn btn-sm btn-azure btn-addon" onClick="javascript:window.location.href = '{:url('add')}'"> <i class="fa fa-plus"></i> Add
</button>
<div class="row">
    <div class="col-lg-12 col-sm-12 col-xs-12">
        <div class="widget">
            <div class="widget-body">
                <div class="flip-scroll">
                    <table class="table table-bordered table-hover">
                        <thead class="">
                            <tr>
                                <th class="text-center">ID</th>
                                <th class="text-center">广告名称</th>
                                <th class="text-center">所属广告位</th>
                                <th class="text-center">是否启用</th>
                                <th class="text-center">广告类型</th>
                                <th class="text-center">操作</th>
                            </tr>
                        </thead>
                        <tbody>
                            {volist name="adRes" id="ad"}
                            <tr>
                                <td align="center">{$ad.id}</td>
                                <td align="center">{$ad.ad_name}</td>
                                <td align="center">{$ad.name}</td>
                                <td align="center">
                                    <label>
                                        <input id="{$ad.id}" adposId="{$ad.adpos_id}" onclick="changeStatus(this)" {if condition="$ad['on'] eq 1"} checked="checked" {/if} class="checkbox-slider colored-darkorange" type="checkbox">
                                        <span class="text" style="cursor:pointer;"></span>
                                    </label>
                                </td>
                                <td align="center">
                                    {if condition="$ad['type'] eq 1"} <span class="label label-orange"> 图片 </span> {else /} <span class="label label-palegreen"> 轮换 </span> {/if}
                                </td>
                                <td align="center">
                                    <a href="{:url('Ad/edit',array('id'=>$ad['id']))}" class="btn btn-primary btn-sm shiny">
                                        <i class="fa fa-edit"></i> 编辑
                                    </a>
                                    <a href="#" onClick="warning('确实要删除吗', '{:url('Ad/del',array('id'=>$ad['id']))}')" class="btn btn-danger btn-sm shiny">
                                        <i class="fa fa-trash-o"></i> 删除
                                    </a>
                                </td>
                            </tr>
                            {/volist}
                        </tbody>
                    </table>
                </div>
                <script type="text/javascript">
                    function changeStatus(o){
                        var id=$(o).attr('id');
                        var adposId=$(o).attr('adposId');
                        var isChecked = $(o).is(":checked"); 
                        $('input[adposId="'+adposId+'"]').prop('checked',false);
                        if(isChecked){
                            $(o).prop('checked',true);
                        }else{
                            $(o).prop('checked',false);
                        }
                        $.ajax({
                            type:'POST',
                            dataType:'json',
                            data:{id:id,adposId:adposId},
                            url:"{:url('Ad/changeStatus')}",
                            success:function(data){
                                
                            }

                        });
                    }
                </script>
                <div style="padding-top:10px; text-align:right; ">
                    {$adRes->render()}
                </div>
                <div>
                	                </div>
            </div>
        </div>
    </div>
</div>

                </div>
                <!-- /Page Body -->
            </div>
            <!-- /Page Content -->
		</div>	
	</div>

	    <!--Basic Scripts-->
    <script src="__ADMIN__/style/jquery_002.js"></script>
    <script src="__ADMIN__/style/bootstrap.js"></script>
    <script src="__ADMIN__/style/jquery.js"></script>
    <!--Beyond Scripts-->
    <script src="__ADMIN__/style/beyond.js"></script>
    


</body></html>